<template>
    <div class="box">
        <p>“最近的将雨带在东南50公里外呢，今天最高温上升3℃”</p>
        <div class="block">
            <el-carousel height="150px" autoplay loop arrow="always">
                <el-carousel-item v-for="item in list" :key="item.id">
                    <img :src="item.img" alt="">
                </el-carousel-item>
            </el-carousel>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            list: [
                {
                    id:'01',
                    img: require('@/assets//103754_14.jpg')
                },
                {
                    id:'02',
                    img: require('@/assets/2221465314_14.jpg')
                },
                {
                    id:'03',
                    img: require('@/assets//27945779_14.jpg')
                },
                {
                    id:'04',
                    img: require('@/assets/3089733038_14_955_682.jpg')
                },
                
            ]
        }
    },
}
</script>

<style lang="scss" scoped>
.box {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 0 20px 0 0;

    p {
        font-size: 12px;
        color: #000;
        margin-bottom: 30px;
    }
    img{
        width: 100%;
        height: 100%;
    }
    .el-carousel__indicator--horizontal{
        width: 5px;
    }

}
</style>